﻿<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="onlinePayment.aspx.cs"
Inherits="WebSite.MailBox.onlinePayment" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鸵鸟邮箱——在线支付</title>
<link href="styles/layout2.css" rel="stylesheet" type="text/css" />
<link href="styles/wysiwyg.css" rel="stylesheet" type="text/css" />
<link href="themes/blue/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src='scripts/functions.js'></script>
<style type="text/css">
.flow-steps {
	overflow: hidden;
	margin: 20px;
}

.flow-steps .num3 li {
	width: 301px;
}

.flow-steps .num4 li {
	width: 222px;
}

.flow-steps .num5 li {
	width: 175px;
}

.flow-steps .num6 li {
	width: 143px;
}

.flow-steps li {
	float: left;
	background: #c5c5c5 url('./img/flow_steps_bg.png') no-repeat 100% 0;
	font-size: 14px;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	text-align: center;
	color: #404040;
	padding: 0 15px 0 0;
	overflow: hidden;
}

.flow-steps li span,.flow-steps li strong {
	display: block;
}

.flow-steps li .first {
	background: #c5c5c5 url('./img/flow_steps_bg.png') no-repeat -12px -69px;
}

.flow-steps li.last {
	background-position: 100% -138px;
}

.flow-steps li.current {
	background-color: #f60;
	color: #fff;
}

.flow-steps li.current .first {
	background-color: #f60;
	background-position: -12px -92px;
}

.flow-steps li.current-prev {
	background-position: 100% -23px !important;
}

.flow-steps li.done {
	background-color: #ffe6ba;
	background-position: 100% -46px;
	color: #f60;
}

.flow-steps li.done .first {
	background-color: #ffe6ba;
	background-position: -12px -115px;
}

.flow-steps li.last-current {
	background-color: #f60;
	color: #fff;
	background-position: 100% -161px;
}
</style>
</head>
<body style="margin-left: 10px;">
	<form id="form1" runat="server">
		<br /> <strong>您所在位置：鸵鸟邮箱>>在线支付</strong>
		<div class="contentcontainer med left">
			<div class="flow-steps">
				<ol class="num5">
					<li class="current"><span class="first">1. 价格浏览</span></li>
					<li><span>2. 核对订单信息</span></li>
					<li><span>3. 提交订单</span></li>
				</ol>
			</div>
			<div class="contentbox">

				<table width="80%" align="center">
					<thead>
						<tr>
							<th style="border-right: medium none">用户数</th>
							<th style="border-right: medium none; border-left: medium none">邮箱容量</th>
							<th style="border-right: medium none; border-left: medium none">附件大小</th>
							<th style="border-right: medium none; border-left: medium none">个人中专站</th>
							<th style="border-right: medium none; border-left: medium none">价格/年</th>
							<th style="border-left: medium none">购买</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td style="border-right: medium none">5</td>
							<td style="border-right: medium none; border-left: medium none">无限容量</td>
							<td style="border-right: medium none; border-left: medium none">2G</td>
							<td style="border-right: medium none; border-left: medium none">32G</td>
							<td style="border-right: medium none; border-left: medium none">50</td>
							<td style="border-left: medium none"><a
								href="payment.aspx?userAccount=5&price=50"><input
									type="submit" value="购买" class="btn"></a></td>
						</tr>
						<tr class="alt">
							<td style="border-right: medium none">20</td>
							<td style="border-right: medium none; border-left: medium none">无限容量</td>
							<td style="border-right: medium none; border-left: medium none">2G</td>
							<td style="border-right: medium none; border-left: medium none">32G</td>
							<td style="border-right: medium none; border-left: medium none">180</td>
							<td style="border-left: medium none"><a
								href="payment.aspx?userAccount=20&price=180"><input
									type="submit" value="购买" class="btn"></a></td>
						</tr>
						<tr>
							<td style="border-right: medium none">50</td>
							<td style="border-right: medium none; border-left: medium none">无限容量</td>
							<td style="border-right: medium none; border-left: medium none">2G</td>
							<td style="border-right: medium none; border-left: medium none">32G</td>
							<td style="border-right: medium none; border-left: medium none">430</td>
							<td style="border-left: medium none"><a
								href="payment.aspx?userAccount=50&price=430"><input
									type="submit" value="购买" class="btn"></a></td>
						</tr>
						<tr class="alt">
							<td style="border-right: medium none">100</td>
							<td style="border-right: medium none; border-left: medium none">无限容量</td>
							<td style="border-right: medium none; border-left: medium none">2G</td>
							<td style="border-right: medium none; border-left: medium none">32G</td>
							<td style="border-right: medium none; border-left: medium none">850</td>
							<td style="border-left: medium none"><a
								href="payment.aspx?userAccount=100&price=850"><input
									type="submit" value="购买" class="btn"></a></td>
						</tr>
						<tr>
							<td style="border-right: medium none">200</td>
							<td style="border-right: medium none; border-left: medium none">无限容量</td>
							<td style="border-right: medium none; border-left: medium none">2G</td>
							<td style="border-right: medium none; border-left: medium none">32G</td>
							<td style="border-right: medium none; border-left: medium none">1600</td>
							<td style="border-left: medium none"><a
								href="payment.aspx?userAccount=200&price=1600"><input
									type="submit" value="购买" class="btn"></a></td>
						</tr>
						<tr class="alt">
							<td style="border-right: medium none">500</td>
							<td style="border-right: medium none; border-left: medium none">无限容量</td>
							<td style="border-right: medium none; border-left: medium none">2G</td>
							<td style="border-right: medium none; border-left: medium none">32G</td>
							<td style="border-right: medium none; border-left: medium none">3600</td>
							<td style="border-left: medium none"><a
								href="payment.aspx?userAccount=500&price=3600"><input
									type="submit" value="购买" class="btn"></a></td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	  </div>
	</form>
</body>
</html>
